<html>
    <head>
        <title>GeoExt.ux BoundingBox Panel example</title>
        <script type="text/javascript" src="http://extjs.cachefly.net/builds/ext-cdn-771.js"></script>
        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-2.2.1/resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-2.2.1/examples/shared/examples.css" />
        <script src="http://openlayers.org/api/2.8/OpenLayers.js"></script>

        <script type="text/javascript" src="../../externals/geoext/lib/GeoExt.js"></script>
        <script type="text/javascript" src="../lib/GeoExt.ux/widgets/form/BoundingBoxPanel.js"></script>
        <script type="text/javascript" src="bbox-panel.js"></script>

        <style>
.bbox-panel table {
    width: 100%;
    padding: 5;
}
.bbox-panel-cell {
    padding: 2;
}
        </style>

    </head>
    <body>
        <h1>BoundingBoxPanel example</h1>
        <p>This example demonstrates the BoundingBoxPanel.<p>
        <p>The js is not minified so it is readable. See <a href="bbox-panel.js">bbox-panel.js</a>.</p>
        <div id="bboxpanel"></div>
        <br />
        <div id="mappanel"></div>
    </body>
</html>
